.generateTheme(@theme) {
  .el-button.el-button--default {
    background-color: @COLOR8;
    color: @COLOR5;
    border-color: @COLOR8;

    &:hover {
      background-color: @COLOR11;
      color: @COLOR5;
    }
  }

  .el-button.white-button{
    background-color: @COLOR5;
    color: @COLOR8;
    border-color: @COLOR8;
    &:hover {
      background-color: @COLOR5;
      color: @COLOR8;
    }
  }

  .el-button.el-button--default.is-disabled {
    background-color: lightgray;
    border-color: lightgray;
  }

  .data-box {
    .set-checkbox-color() {
      .el-checkbox__inner {
        background-color: @COLOR12;
        border-color: @COLOR12;
      }
    }

    .el-checkbox.is-checked {
      .set-checkbox-color()
    }

    .el-checkbox {
      .is-indeterminate {
        .set-checkbox-color()
      }
    }
  }

  .data-form {

    .search-button,
    .reset-button {
      background-color: @COLOR5;
      color: @COLOR9;

      &:hover {
        background-color: @COLOR11;
        color: @COLOR5;
      }
    }

    .more-button {
      color: @COLOR8;
    }
  }

  // work-header样式
  // .component.work-header,
  .acc-center-header {
    background-color: @COLOR1;
  }

  // work-menu样式
  .component.work-menu {
    .el-menu {
      background-color: @COLOR1;
    }

    .collapse-icon {
      color: @COLOR4;
      background-color: @COLOR2;
    }
      // 一级菜单
      .submenu {
        &.is-active {
          // .submenu-icon,
          // .el-submenu__icon-arrow,
          .el-submenu__title{
            color: @COLOR5;
            // background-color: @COLOR6;
          }
        }

       

        .el-submenu__title {
          background-color: @COLOR1;
          color: @COLOR4;
          .el-submenu__icon-arrow {
            color: @COLOR5;
          }
          &:hover {
            background-color: @COLOR6;
          }
          i{
            color:@COLOR15;
          }
        }
      }

      // 二级菜单样式
      .menu-item {
        color: @COLOR4;
        background-color: @COLOR3;

        &:hover {
          background-color: @COLOR6;
        }

        &.is-active {
          color: @COLOR5;
          background-color: @COLOR6;
        }
      }

    // work-menu-item样式
    .component.work-menu-item {
      // 一级菜单
      .submenu {
        &.is-active {
          // .submenu-icon,
          // .el-submenu__icon-arrow,
          .el-submenu__title{
            color: @COLOR5;
            // background-color: @COLOR6;
          }
        }

       

        .el-submenu__title {
          background-color: @COLOR1;
          color: @COLOR4;
          .el-submenu__icon-arrow {
            color: @COLOR5;
          }
          &:hover {
            background-color: @COLOR6;
          }
          i{
            color:@COLOR15;
          }
        }
      }

      // 二级菜单样式
      .menu-item {
        color: @COLOR4;
        background-color: @COLOR3;

        &:hover {
          background-color: @COLOR6;
        }

        &.is-active {
          color: @COLOR5;
          background-color: @COLOR6;
        }
      }
    }
  }

  .el-menu--vertical{
    .el-menu--popup-right-start{
      margin: 0px;
      padding: 0px;
    }
    .el-menu-item{
      color: @COLOR4;
      background-color: @COLOR2;
    }
    // 激活的
    .el-menu-item.is-active{
      color: @COLOR4;
      background-color: @COLOR1
    }
    .el-menu-item:focus, .el-menu-item:hover{
      outline: 0;
      background-color:@COLOR1
    }   
  }
  .el-loading-mask{
    background-color: rgba(255,255,255,0.3);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .3s;
  }
  // 自定义组件样式
  .component,
  .page {
    .data-selection {
      .icon-color {
        background-color: @COLOR10;
      }
    }

    a {
      color: @COLOR8;
    }

    .data-tree {
      border-color: @BORDER-COLOR;
      // color: @COLOR8;
    }
  }

  .el-notification .remind_notify {
    .el-notification__icon {
      color: @COLOR14;
    }
  }
}
.select label[data-v-8cf07538]:first-child{
  margin-left: 0px !important;
}


// 主题列表
body {

  // 默认主题
  &.theme-default {
    @theme: default;
    @import "./themes/@{theme}.less";
    .generateTheme(@theme)
  }
}
